<style lang="less">

</style>

<template>
    <div>
        <Card style="padding: 0">
            <chart :options="topologyOption" style="width: 100%; height: calc(100vh - 158px);" auto-resize></chart>
            <div>
                <Select v-model="device" filterable style="position: absolute; right: 12px; top: 12px; width: 200px;">
                    <Option v-for="item in deviceList" :value="item.value" :key="item.value">{{ item.label }}</Option>
                </Select>
                <Icon type="android-search" style="position: absolute; top: 21px; right: 36px;"/>
            </div>
        </Card>
    </div>
</template>

<script>
import { topologyOption } from "./data/topologyOption";
export default {
  data() {
    return {
      device: "",
      deviceList: [
          {  label: '测试1', value: 0},
          {  label: '测试2', value: 1},
      ],
      topologyOption
    };
  },
  methods: {}
};
</script>

<style>

</style>
